<template>
	<view class="go-login-compoent">
		<view class="txt">您正在使用体验账号， 请登录注册</view>
		<view class="btn" @click="gologin"> 登录注册</view>
	</view>
</template>

<script setup lang="ts">
	const gologin = () => {
		uni.reLaunch({
			url:"/pages/login/index",
			animationType: 'pop-in',
			animationDuration: 200
		})
	}
</script>

<style scoped lang="scss">
	.go-login-compoent{
		position: fixed;
		z-index: 100;
		bottom: 0;
		width: 100%;
		height: 150upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: $blue-theme;
		.txt{
			color: #fff;
			font-size: 30upx;
			margin-left: 20upx;
			font-weight: bold;
		}
		.btn{
			margin-right: 20upx;
			width: 200upx;
			height: 60upx;
			color: $blue-theme;
			font-size: 28upx;
			line-height: 60upx;
			font-weight: bold;
			text-align: center;
			background-color: #fff;
			border-radius: 10upx;
			box-shadow: 0upx 4upx 10upx rgba(0,0,0,.5);
		}
	}
</style>